.inviteHasStudentBox{
    background: #fff;
    overflow: auto;
    padding: 20px 40px;
    height: 100%;
    box-sizing: border-box;
    .inviteTable{
        margin-top: 65px;
        width: 100%;
        table{
            width: 100%;
            margin: 0 auto;
            thead{
                tr{
                    box-shadow: 0px 0px 4px 4px #f9f9f9;
                    border-radius: 3px;
                    background-color:#fff;
                    opacity: 100%;
                    th{
                        text-align: center;
                        height: 52px;
                        // line-height: 52px;
                        vertical-align: middle;
                        font-size: 14px;
                        color: #414141;
                        &:nth-child(1){
                            
                            //checkbox自定义样式
                            input[type=checkbox] {
                                position: relative;
                                width: 12px;
                                height: 12px;
                            }
                            input[type=checkbox]::before{
                                content:'';
                                position: absolute;
                                top: 0;
                                left: 0;
                                width: 12px;
                                height: 12px;
                                line-height:10px;
                                text-align: center;
                                border: 1px solid #BDBDBD;
                                background-color: #fff;
                                border-radius: 4px;
                            }
                            input[type=checkbox]:checked::before {
                                color: #a999f4;
                                border-color: #a999f4;
                                font-size: 12px;
                                content: '■';
                            }
                        }
                        &:nth-child(2){
                            img{
                                display: inline-block;
                                width: 40px;
                                height: 40px;
                            }
                        }
                        &:nth-child(9){
                            .addInvite{
                                background-color: #8C81C3;
                                width: 81px;
                                height: 27px;
                                color: #fff;
                                line-height: 27px;
                                text-align: center;
                                border-radius: 5px;
                                cursor: pointer;
                                border: none;
                                padding: 0;
                                span{
                                    display: inline-block;
                                    width: 100%;
                                    height: 100%;
                                    color: #fff;
                                    img{
                                        display: inline-block;
                                        width: 12px;
                                        margin-right: 5px;
                                    }
                                }
                            }
                        }
                    }
                }
            }
            tbody{
                tr{
                    &:first-child{
                        td{
                            padding-top: 40px;
                        }
                    }
                    td{
                        // position: relative;
                        text-align: center;
                        font-size: 14px;
                        color: #414141;
                        vertical-align: middle;
                        padding: 15px 0;
                        //checkbox自定义样式
                        input[type=checkbox] {
                            position: relative;
                            width: 12px;
                            height: 12px;
                        }
                        input[type=checkbox]::before{
                            content:'';
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 12px;
                            height: 12px;
                            line-height:10px;
                            text-align: center;
                            border: 1px solid #BDBDBD;
                            background-color: #fff;
                            border-radius: 4px;
                        }
                        input[type=checkbox]:checked::before {
                            border-color: #a999f4;
                            color: #a999f4;
                            font-size: 12px;
                            content: '■';
                        }
                        a{
                            margin-right: 20px;
                            span{
                                display: inline-block;
                                background-color: #8c81c3;
                                width: 111px;
                                height: 27px;
                                line-height: 27px;
                                text-align: center;
                                border-radius: 5px;
                                color: #fff;
                                cursor: pointer;
                                img{
                                    display: inline-block;
                                    width: 11px;
                                    // height: 9px;
                                    margin-right: 7px;
                                }
                            }
                            &:last-child{
                                margin-right: 0;
                            }
                        }
                        &.no-content{
                            // display: table-cell!important;
                            width: 100%!important;
                            height: 140px;
                            line-height: 140px;
                            color: #d3d3d3;
                            a{
                                color: #8c81c3;
                                text-decoration: underline #8c81c3;
                            }
                        }
                    }
                }
            }
        }
        //checkbox自定义样式
        .el-checkbox{
            width: 100%!important;
            // margin-bottom: 10px;
            .el-checkbox__input{
                .el-checkbox__inner{
                    border-radius: 3px;
                    &:hover{
                        border-color: #8c81c3;
                    }
                }
            }
            .el-checkbox__input.is-checked .el-checkbox__inner{
                background-color: #fff;
                border-color: #8c81c3;
            }
            .el-checkbox__input.is-focus .el-checkbox__inner{
                border-color: #8c81c3;
            }
            .el-checkbox, .el-checkbox__input.is-checked + .el-checkbox__label{
                color: #8c81c3;
            }
            .el-checkbox__input .el-checkbox__inner::after{
                top: 3px;  
                left: 3px;  
                width: 6px;  
                height: 6px;   
                transform: none;
                border: none;
            }
            .el-checkbox__input.is-checked .el-checkbox__inner::after{
                background-color:#8c81c3;  
                content: ''; 
            }
            .el-checkbox__label{
                color: #8c81c3;
                font-size: 18px;
                font-weight: bold;
                i{
                    color: #363636;
                    font-size: 12px;
                    font-style: normal;
                    margin-left: 10px;
                    vertical-align: top;
                    font-weight: 400;
                }
            }
            .el-checkbox__input.is-indeterminate .el-checkbox__inner{
                background-color:#8c81c3;  
                border-color:#8c81c3;  
            }
        }
    }
}